/* CSS Document */
@charset "utf-8";

body { background: #511509 url(../files/bg.png) repeat-x top center; color: #fff; font: 11px/1.6 Arial, Helvetica, sans-serif; letter-spacing: 0.01em; position: relative }
input, textarea { font: 12px/1.3 Arial, Helvetica, sans-serif }
#wrapper { width: 983px; margin: 0 auto 10px; position: relative }
#upper { height: 55px; width: 100%; position: relative }
	#upper .prawnicykrakow { position: absolute; top: 30px; left: 50px; text-decoration: none }
		#upper .prawnicykrakow strong { visibility: hidden }
	#upper ul { position: absolute; right: 20px; top: 35px }
		#upper ul li { display:inline;padding: 0 10px }
			#upper ul li a { padding-left: 20px; color: #fff; text-shadow: #000 1px 1px; text-decoration: none }
				#upper ul li a:hover { text-decoration: underline }
			#upper ul li.home a { background: url(../files/upper-menu-home.png) no-repeat scroll left center }
			#upper ul li.help a { background: url(../files/upper-menu-help.png) no-repeat scroll left center }
			#upper ul li.contact a { background: url(../files/upper-menu-contact.png) no-repeat scroll left center }
#navigation { height: 50px; margin-top: 15px; width: 100%; background: url(../files/menu.png) no-repeat; position: relative; z-index: 2 }
	#navigation ul.menu li { float: left; height: 50px; position: absolute; top: 0 }
		#navigation ul.menu li a, #navigation ul.menu li span.hover { display: block; width: 100%; height: 50px; text-indent: -9999px; cursor: pointer }
		#navigation ul.menu li span.hover { position: absolute; top: 0; left: 0 }
		#navigation ul.menu li.home { left:26px;width: 97px }
		#navigation ul.menu li.list { left:162px;width: 41px }
		#navigation ul.menu li.search { left:240px;width: 99px }
		#navigation ul.menu li.info { left:375px;width: 161px }
		#navigation ul.menu li.gallery { left:682px;width: 94px }
		#navigation ul.menu li.cosme { left:891px;width: 76px }
		#navigation ul.menu li span.hover { background-image: url(../files/menu.png) }
ul.menu li.home span.hover { background: url(../files/menu.png) no-repeat scroll -26px -50px }
ul.menu li.list span.hover { background: url(../files/menu.png) no-repeat scroll -162px -50px }
ul.menu li.search span.hover { background: url(../files/menu.png) no-repeat scroll -240px -50px }
ul.menu li.info span.hover { background: url(../files/menu.png) no-repeat scroll -375px -50px }
ul.menu li.gallery span.hover { background: url(../files/menu.png) no-repeat scroll -682px -50px }
ul.menu li.cosme span.hover { background: url(../files/menu.png) no-repeat scroll -891px -50px }
#bar { height: 50px; background: url(../files/bar.png) no-repeat scroll 0 0; width: 100%; position: relative; z-index: 2 }
	#bar h1 { position: absolute; color: #fff; text-shadow: #000 1px 1px; font-size: 16px; left: 130px; top: 13px }
	#bar ul { position: absolute; top: 14px; right: 40px }
		#bar ul li { display: inline; padding: 0 5px; float: left }
			#bar ul li a { color: #fffbb5; text-shadow: #14000d 1px 1px; display: block; padding-right: 6px; height: 26px; font-weight: bold; text-decoration: none; font-size: 12px }
				#bar ul li a:hover, #bar ul li.active a { background: url(../files/bara.gif) no-repeat scroll top right; color: #49002d; text-shadow: #ffa200 1px 1px }
				#bar ul li a:hover span, #bar ul li.active a span { background:url(../files/barspan.gif) no-repeat scroll top left;color: #49002d }
			#bar ul li.active a:hover { opacity: 0.6 }
			#bar ul li a span { display: inline; float: left; line-height: 14px; padding: 6px 3px 6px 9px }
#header { height: 276px; margin-top: 15px; width: 100%; position: relative; font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2 }
	#header.home { background: url(../files/header-001.jpg) no-repeat }
	#header .txt { position: absolute; right: 15px; top: 22px; padding-left: 20px; background: url(../files/ind.png) no-repeat 0 5px; width: 490px }
		#header .txt p { margin-bottom: 15px }
		#header .txt a { color:#fff;font-weight: bold }
	#header a.search-btn { display: block; background: url(../files/searchbtn.png) no-repeat; width: 156px; height: 28px; color: #fff; text-shadow: #000 1px 1px; text-decoration: none; position: absolute; right: 30px; bottom: 30px }
		#header a.search-btn span { position: absolute; top: 4px; left: 40px }
		#header a.search-btn:hover { text-decoration: underline }
#container { float: left; clear: both; width: 100%; margin-top: 15px }
.home #container { padding:0 0 20px;background: url(../files/containerbg.gif) repeat-x scroll bottom left }
.column { float: left; display: inline; overflow: hidden }
/*.darkpale{margin-top:25px;color:#222;background:url(../files/addbg.png) no-repeat scroll 0 0}*/
darkpale { margin-top: 25px; color: #222; }
.c33 { width: 33.33% }
.c66 { width: 66.66% }
.column .inner { padding:10px;display: block }
#container .sidebar .inner { padding: 10px 0 10px 10px }
.pale .inner, div.pale { background:#e1ad6d;padding: 0 }
/* .bg-right{background:url(../files/bg-right.png) no-repeat scroll right center} */
.c33 div.pale { float: left; clear: left; width: 100%; margin: 15px 0 0 }
.pale { position: relative }
	.pale b.lt, .pale b.lb, .pale b.rt, .pale b.rb { position: absolute; display: block; height: 2px; width: 2px }
	.pale b.lt { background: url(../files/blt.gif) no-repeat; top: 0; left: 0 }
	.pale b.lb { background: url(../files/blb.gif) no-repeat; bottom: 0; left: 0 }
	.pale b.rt { background: url(../files/brt.gif) no-repeat; top: 0; right: 0 }
	.pale b.rb { background: url(../files/brb.gif) no-repeat; bottom: 0; right: 0 }
#google-map { background: url(../files/maps.png) repeat-y center center }
	#google-map img { margin: 0 12px 15px }
#carousel { background: url(../files/carousel.png) repeat-y center center }
	#carousel a.previous, #carousel a.next { display: block; width: 13px; height: 24px; text-indent: -9999px }
	#carousel a.previous { position: absolute; left: 15px; top: 30px; background: url(../files/arrowleft.png) }
	#carousel a.next { position: absolute; right: 20px; top: 30px; background: url(../files/arrowright.png) }
	#carousel ul { width:240px;margin: 5px auto 15px }
	#carousel li { float: left; display: inline; background: none; margin: 5px; padding: 0 }
.darkpale .top, .darkpale .sub { float: left; clear: left; width: 100% }
/*.darkpale .top{height:200px}*/
.darkpale { background-color: #fafafa; color: #501509;}
	.darkpale .top { background: url("../files/addbg-1.png") no-repeat scroll 0 100%; margin-bottom: 20px; padding-bottom: 50px; }
		.darkpale .top .image { float: left;  margin-right: 20px;margin-bottom: 15px; }
		.darkpale .top .text { float: left;  padding-left: 18px; font-size: 12px; color: #CC6633; }
	.darkpale h3.iconbg { color: #751445; font-size: 12px; padding-left: 25px }
	.darkpale h3.timer { background: url(../files/clock-icon.png) no-repeat scroll left center }
	.darkpale h3.contact { background: url(../files/contact-icon.png) no-repeat scroll left center }
	.darkpale h3.infor { background: url(../files/info-icon.png) no-repeat scroll left center }
	.darkpale .sub { background:url(../files/girl.png) no-repeat scroll bottom center;padding-bottom: 115px }
		.darkpale .sub .sinner { padding: 10px; font-size: 12px; color: #272828 }
	.darkpale .colored { background: #f3f3f3 url(../files/colored2.png) no-repeat; width: 217px; margin: 0 auto; display: block }
	.darkpale span.emphasy, .darkpale span.emphasy a { text-align: center; display: block; color: #4e1409; font-weight: bold }
.left, .center, .right { float:left;width: 180px }
.darkpale .sub .center { width:275px;background: #fff url(../files/center2.png) no-repeat 0 0 }
h3.h-img { display: block; text-indent: -9999px; padding-bottom: 5px }
h3.polecamy { background:url(../files/h-polecamy.gif) no-repeat;height: 13px }
h3.specjalnosci { background: url(../files/h-specjalnosci.png) no-repeat; height: 13px; border-bottom: 3px solid #c3c3c3 }
h3.dzielnica { background: url(../files/h-dzielnica.png) no-repeat; height: 13px; border-bottom: 3px solid #c3c3c3 }
h3.lokalizacje { background:url(../files/h-lokalizacje.png) no-repeat;height: 13px }
h3.wyszukaj { background:url(../files/h-wyszukaj.png) no-repeat;height: 13px }
h3.mapadojazdu { background:url(../files/h-mapadojazdu.png) no-repeat;height: 13px }
h3.wybranysalon { background: url(../files/h-wybranysalon.png) no-repeat; height: 13px; width: 87px; position: absolute; left: 30px; top: 20px }
.pale h3 { margin: 10px 0 5px 10px }
#container .navigation .active > a {font-weight: bold; color:#FFFBB5}
#container .item-list { border-top:1px dashed #363636;margin-top: 10px }
	#container .item-list li { border-bottom: 1px dashed #363636; background: none; padding: 1px 0 }
		#container .item-list li a { display: block; padding: 3px 5px 3px 30px; background: url(../files/inddark.gif) no-repeat scroll 0 center; color: #fffbb5; text-decoration: none; font-size: 12px }
			#container .item-list li a:hover { background: url(../files/indpink.png) no-repeat scroll 0 center; text-decoration: underline; color: #fffbb5; font-weight: bold }
#container a.more { display: block; float: right; background: url(../files/contbtna.gif) no-repeat scroll top right; height: 28px; padding-right: 2px; color: #fff; text-decoration: none; text-shadow: #000 1px 1px; margin-top: 5px }
	#container a.more:hover { text-decoration: underline }
	#container a.more span { float: left; display: block; height: 28px; padding: 0 12px 0 15px; background: url(../files/contbtns.gif) no-repeat scroll top left }
		#container a.more span strong { line-height:28px;padding-left: 16px }
#container a.more-items span strong { background: url(../files/iconmore.gif) no-repeat scroll left center }
#container a.map span strong { background: url(../files/iconmap.gif) no-repeat scroll left center }
#container .people-list { margin: 5px 0 0 }
	#container .people-list li { padding: 10px 5px 10px 50px; border-bottom: 1px solid #fff; background: url(../files/iconpeoplelist.gif) no-repeat scroll 30px 11px; line-height: 1.2em; min-height:50px;}
		#container .people-list li a { text-decoration:none;color: #45190e }
		#container .people-list li strong { font-size: 16px; color: #45190e; display: block; text-decoration: none }
		#container .people-list li em { font-style: normal; font-weight: bold; color: #3f4a48; text-decoration: none }
		#container .people-list li.even { background: #d5924f url(../files/iconpeoplelist.gif) no-repeat scroll 30px 11px }
		#container .people-list li a.more { float: right; background: url(../files/indtr.png) no-repeat scroll 0 2px; line-height: 12px; padding-left: 12px; margin-right: 10px; color: #751445; text-decoration: none; height: auto; padding-right: 0; margin-top: 10px; display: inline; text-shadow: none }
			#container .people-list li a.more:hover { text-decoration: underline }
		#container .people-list li a:hover { text-decoration: none }
		#container .people-list li.last { text-align: right; border-bottom: none; background: none }
			#container .people-list li.last a { float: none; color: #662617; background: none; padding: 0 }
#map-container { padding: 5px 10px 15px; background: #e0e0e0; position: relative }
	#map-container .head { margin: 10px 0; float: left; clear: left; width: 100% }
	#map-container h3 { float: left; width: 58px; margin: 7px 20px 0 10px }
	#map-container .body { text-align: center }
	#map-container label { float: left; font-size: 12px; color: #7e0101 }
	#map-container input.in-text { background: url(../files/input.png) no-repeat scroll top right; display: block; width: 311px; height: 15px; border: none; overflow: hidden; padding: 3px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #3f4a48; float: left; margin: 0 10px }
	#map-container input.submit { background: url(../files/searchbtn.png) no-repeat; width: 156px; height: 28px; overflow: hidden; text-align: center; color: #fff; text-shadow: #000 1px 1px; border: none; outline: none; float: left; position: relative; top: -4px }
#people-container { margin-top: 20px }
	#people-container a { text-decoration: none; color: inherit;}
		#people-container a:hover { text-decoration: underline; }
	#people-container li.bright, #people-container li.medium, #people-container li.dark { margin-bottom: 20px; position: relative; padding: 10px 10px 10px 40px; font-size: 12px }
	#people-container li.bright { background: #320800 }
	#people-container li.medium { background: #5c2d22 }
	#people-container li.dark { background: #ffce8f }
	#people-container li span { display:block;width: 360px }
		#people-container li span.nr { background: url(../files/numberbg.png) no-repeat; width: 20px; height: 34px; position: absolute; left: 10px; top: 10px; text-align: center; color: #000 }
			#people-container li span.nr strong { font-weight: normal; font-size: 10px; position: relative; top: 2px }
		#people-container li span.name a { font-size: 16px; color: #fff; font-weight: bold; line-height: 1; margin-top: 5px }
	#people-container li.bright span.name a { color: #d79c50 }
	#people-container li.bright span.crumbs a { color: #d7ac75 }
	#people-container li.bright img { display: none }
	#people-container li.dark span.name a { color: #000 }
	#people-container .crumbs {color: #FFAF54 !important;}
	#people-container li.dark span.address a { color:#000;font-weight: bold }
	#people-container li.medium span.address a { color:#fdde72;font-weight: bold }
	#people-container li.bright span.address a { color:#c67917;font-weight: bold }
	#people-container ul.sub { width: 100%; background: #d9b07b; padding: 5px; margin: 5px -10px -10px -40px; width: 645px }
		#people-container ul.sub li { display: inline; background: url(../files/indtr.png) no-repeat scroll 0 3px; line-height: 12px; padding-left: 14px; margin-right: 10px; color: #501509 }
			#people-container ul.sub li.first { margin-left: 25px }
	
	#people-container li.last.dark {background-color: #250600 }
	#people-container li.last.dark span.name a,
	#people-container li.last.dark span.address a,
	#people-container li.last.dark span.address a,
	#people-container li.last.dark .crumbs a,
	#people-container li.last.dark a {color:#915A1C; font-size: 1.1em;}
	
	#people-container li img { position: absolute; top: 10px; right: 10px }
.pagination li { display: inline; line-height: 16px; padding: 0 5px }
.pagination { text-align: center; font-size: 13px; font-weight: bold; position: relative }
	.pagination a { color: #ffbd64; text-decoration: none; padding: 2px }
		.pagination a:hover, .pagination b { color: #fff }
	.pagination .status { color: #ffbd64 }
	.pagination .status { font-size: 11px; position: absolute; top: 5px; left: 5px }
	.pagination li.first a, .pagination li.last a { display: inline-block; width: 16px; height: 16px; text-indent: -9999px }
	.pagination li.last a { background: url(../files/right.png) no-repeat 0 3px }
	.pagination li.first a { background: url(../files/left.png) no-repeat 0 3px }
#search { margin-top: 96px; background: url(../files/searchbg.png) no-repeat; width: 652px; height: 191px; position: relative; z-index: 0 }
	#search h3 { position: absolute; top: 48px; left: 200px; width: 48px }
	#search input.in-text { background: #fff; border: none; color: #3F4A48; font-size: 11px; left: 190px; padding: 9px; position: absolute; top: 70px; width: 415px; z-index: 9999; zoom: 1 }
	#search input.submit { background: url(../files/searchbtnshort.png) no-repeat; width: 107px; height: 28px; overflow: hidden; text-align: center; color: #fff; text-shadow: #000 1px 1px; border: none; outline: none; float: left; position: absolute; right: 27px; top: 120px; line-height: 20px; padding: 0 0 3px; font-weight: bold }
.inner p { font-size:12px;margin-bottom: 10px }
h1, h2, h3, h4, h5 { color: #ffaf54 }
.inner h1 { margin-bottom:10px;font-size: 180% }
.inner h2 { margin-bottom:10px;font-size: 160% }
.inner h3 { margin-bottom:10px;font-size: 140% }
.inner h4 { margin-bottom:6px;font-size: 130% }
.inner h5 { margin-bottom:6px;font-size: 120% }
.inner span.highlight { background: #5c190e }
.inner a { color:inherit; }
	.inner a:hover { color: #ffc600 }
.inner ul, .inner ol { margin: 10px 0 20px 10px }
.inner ul li { padding:2px 2px 2px 20px;background: url(../files/indtr.png) no-repeat scroll 0 7px }
.inner ol li { list-style: decimal inside }
.inner ol.with-numbers li { list-style: none; position: relative; padding: 5px 0 5px 29px; line-height: 1.4 }
	.inner ol.with-numbers li span.nr { position: absolute; left: 0; top: 0; display: block; height: 22px; width: 22px; background: #ffe0be; text-align: center; line-height: 22px; color: #520f00; font-weight: bold; font-size: 11px }
	.inner ol.with-numbers li span.nr-circle { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; }
.inner a.ext { background:url(../files/ext.gif) no-repeat scroll 0 0;padding-left: 15px }
.inner .icon { display: block; height: 16px; width: 16px; position: absolute; left: 5px; top: 5px; *left: -20px }
.inner .info, .inner .warning { position: relative; padding: 5px 5px 5px 25px; ; margin: 0 0 12px; color: #1b000e }
.inner .info { background: #b7d2ee; border-right: 1px solid #8fb4db; border-bottom: 1px solid #8fb4db }
	.inner .info .icon { background: url(../files/information.png) }
.inner .warning { background: #e8fedf; border-right: 1px solid #b3e59f; border-bottom: 1px solid #b3e59f }
	.inner .warning .icon { background: url(../files/warning.png) }
span.inset-left, span.inset-right { display: inline; background: #ffe0be; width: 177px; min-height: 100px; padding: 15px; position: relative; font-size: 11px; color: #1b000e; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px }
span.inset-left { float:left;margin: 10px 10px 10px 0 }
span.inset-right { float:right;margin: 10px 0 10px 10px }
span.inset-left a, 
	span.inset-right a { color: #511509 }
#footer { height: 35px; color: #ffaf54; margin: 15px 0; background: url(../files/footerbg.png) no-repeat scroll 0 0; position: relative; font-size: 12px; float: left; clear: left; width: 100% }
	#footer a { color:#ffaf54;text-decoration: none }
		#footer a:hover { text-decoration: underline }
	#footer span.footline { position: absolute; left: 10px; top: 8px }
	#footer ul { position: absolute; top: 8px; right: 10px }
		#footer ul li { display:inline;padding: 0 10px }
			#footer ul li a { color: #ffaf54; background: url(../files/bullet.gif) no-repeat scroll left center; padding-left: 5px }
/* Poprawki */
.darkpale .sub .center .bottom { background: transparent url("../files/center2-bottom.png") 0 100%; height: 66px; }
.darkpale .sub .center .colored .bottom { background: transparent url("../files/colored2-bottom.png") 0 100% no-repeat; height: 20px; }
#googleMaps{color: #000;}
#service h6 {font-size: 2em;}
#service .price {color: #333;}
#service li {margin-bottom: 20px; background-position: 0 13px;}

#staff .info {background: transparent; border: 0;}
#staff .info dt {font-size: 2em;}
#staff li {margin-bottom: 20px; background-position: 0 20px;}

#certyfikat {padding: 60px 10px; text-align: center; overflow: hidden;}